<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jsp:include page="../comun/headHTML.jsp">
	<jsp:param name="incluirCalendario" value="si" />
	<jsp:param name="incluirView" value="no" />
</jsp:include>

<script type="text/javascript">

function validarFormulario(formulario) {
			
		if (formulario.identificacion.value.length==0) {
			formulario.identificacion.focus();
			alert('Por favor, ingrese una Identificacion.');
			return false;
		}
		if (formulario.nombres.value.length==0) {
			formulario.nombres.focus();
			alert('Por favor, ingrese un Nombre.');
			return false;
		}
		if (formulario.apellidos.value.length==0) {
			formulario.apellidos.focus();
			alert('Por favor, ingrese los Apellidos');
			return false;
		}
		if (formulario.direccion.value.length==0) {
			formulario.direccion.focus();
			alert('Por favor, ingrese una Direción');
			return false;
		}
		if (formulario.telefono.value.length==0) {
			formulario.telefono.focus();
			alert('Por favor, ingrese un Telefono');
			return false;
		}
		if (formulario.ciudad.value.length==0) {
			formulario.ciudad.focus();
			alert('Por favor, ingrese una Ciudad.');
			return false;
		}
		if (formulario.email.value.length==0) {
			formulario.email.focus();
			alert('Por favor, ingrese un Email.');
			return false;
		}
		var opcionCargo = formulario.cargo.selectedIndex;
		if (opcionCargo==0) {
			alert('Por favor, seleccione un Cargo');
			return false;
		}
		var opcionSitio = formulario.sitio.selectedIndex;
		if (opcionSitio==0) {
			alert('Por favor, seleccione un Sitio');
			return false;
		}		
		return true;	
}

	function validarSoloTextos(e) {
		tecla = (document.all) ? e.keyCode : e.which;
		if (tecla == 8)
			return true;
		patron = /[A-Za-z\s]/;
		te = String.fromCharCode(tecla);
		return patron.test(te);
	}

	function validarSoloNumeros(e) {
		tecla = (document.all) ? e.keyCode : e.which;
		if (tecla == 8)
			return true;
		patron = /[0-9]/;
		te = String.fromCharCode(tecla);
		return patron.test(te);
	}
</script>

</head>
<body>
	<div id="wrap">

		<div id="header">
			<div id="logo"></div>
			<jsp:include page="../comun/menuPrincipal.jsp" flush="true" />
		</div>

		<div id="content">
			<p>${resultadoOperacion}</p>
			<%-- 			<input id="result" name="result" class="element text medium"
				type="text" maxlength="255" value="${resultadoOperacion}" />
			<div id="form_container">
			--%>

			<form id="formRegistrarFuncionario" method="post"
				action="/sedcco/app/adminsistem" class="appnitro"
				onsubmit="return validarFormulario(this);">
				<input id="action" name="action" type="hidden"
					value="insertarFuncionario" />

				<div class="form_description">
					<h2>Registro Empleado</h2>
					<p>Ingresa los datos del Funcionario</p>
				</div>

				<ul>
					<li id="li_1"><label class="description" for="identificacion">Identificacion
					</label>
						<div>
							<input id="identificacion" name="identificacion"
								class="element text medium" type="text" maxlength="255" value=""
								onkeypress="return validarSoloNumeros(event);" />
						</div>
					</li>
					<li id="li_7"><label class="description" for="nombres">Nombres
					</label>
						<div>
							<input id="nombres" name="nombres" class="element text medium"
								type="text" maxlength="255" value=""
								onkeypress="return validarSoloTextos(event);" />
						</div>
					</li>
					<li id="li_8"><label class="description" for="apellidos">Apellidos
					</label>
						<div>
							<input id="apellidos" name="apellidos"
								class="element text medium" type="text" maxlength="255" value=""
								onkeypress="return validarSoloTextos(event);" />
						</div>
					</li>
					<li id="li_4"><label class="description"
						for="fecha_nacimiento">Fecha de Nacimiento </label> <span>
							<input id="element_4_1" name="fecha_nacimiento"
							class="element text" size="2" maxlength="2" value="" type="text" />
							<label for="element_4_1">MM</label> </span> <span> <input
							id="element_4_2" name="fecha_nacimiento" class="element text"
							size="2" maxlength="2" value="" type="text" /> <label
							for="element_4_2">DD</label> </span> <span> <input
							id="element_4_3" name="fecha_nacimiento" class="element text"
							size="4" maxlength="4" value="" type="text" /> <label
							for="element_4_3">YYYY</label> </span> <span id="calendar_4"> <img
							id="cal_img_4" class="datepicker"
							src="${applicationScope.rutaImagenes}calendar.gif"
							alt="Pick a date." /> </span> <script type="text/javascript">
									Calendar.setup({
										inputField : "element_4_3",
										baseField : "element_4",
										displayArea : "calendar_4",
										button : "cal_img_4",
										ifFormat : "%B %e, %Y",
										onSelect : selectDate
									});
								</script>
					</li>
					<li id="li_6"><label class="description" for="direccion">Direccion
					</label>
						<div>
							<input id="direccion" name="direccion"
								class="element text medium" type="text" maxlength="255" value="" />
						</div>
					</li>
					<li id="li_3"><label class="description" for="telefono">Telefono
					</label>
						<div>
							<input id="telefono" name="telefono" class="element text medium"
								type="text" maxlength="255" value=""
								onkeypress="return validarSoloNumeros(event);" />
						</div>
					</li>
					<li id="li_5"><label class="description" for="ciudad">Ciudad
					</label>
						<div>
							<input id="ciudad" name="ciudad" class="element text medium"
								type="text" maxlength="255" value="" />
						</div>
					</li>
					<li id="li_9"><label class="description" for="email">Email
					</label>
						<div>
							<input id="email" name="email" class="element text medium"
								type="text" maxlength="255" value="" />
						</div>
					</li>
					<li id="li_10"><label class="description" for="cargo">Cargo
					</label>
						<div>
							<select class="element select medium" id="cargo" name="cargo">
								<option value="" selected="selected"></option>
								<c:forEach items="${listaCargos}" var="cargo">
									<option value="${cargo.idCargo}">${cargo.cargo}</option>
								</c:forEach>
							</select>
						</div>
					</li>
					<li id="li_11"><label class="description" for="sitio">Sitio
					</label>
						<div>
							<select class="element select medium" id="sitio" name="sitio">
								<option value="" selected="selected"></option>
								<c:forEach items="${listaSitios}" var="sitio">
									<option value="${sitio.idSitio}">${sitio.descripcion}</option>
								</c:forEach>
							</select>
						</div>
					</li>

					<li class="buttons"><input id="saveForm" class="button_text"
						type="submit" name="guardar" value="Guardar" />
					</li>
				</ul>
			</form>

			<br /> <br /> <br />

			<div>
				<a href="/sedcco/app/adminsistem?action=formAdminMenuFuncionario"><img
					src="${applicationScope.rutaImagenes}logoatras.png" width="60"
					height="50" style="margin-left: 120px;" /> </a> <a href="#"><img
					src="${applicationScope.rutaImagenes}logoapagar.png" width="60"
					height="50" style="margin-left: 420px;" /> </a>

			</div>
			<br /> <br />
		</div>
	
	<jsp:include page="../comun/pie.jsp" flush="true" />

	</div>
</body>
</html>